<!DOCTYPE html>
<html>
<head>
<#include "/common/common.ftl" parse=true encoding="utf-8">
<style>
.body_content {
	width: 100%;
}

.row {
	padding-right: 0px;
	margin-right: 0px;
}

.email-logo {
	margin-bottom: 30px;
	text-align: center;
}

.col-md-10 {
	margin: auto;
}

.content-wrapper {
	margin-top: 100px;
	text-align: center;
}

.content-wrapper span {
	font-size: 25px;
	margin-top: 10px;
}

.message {
	
}

.timeSpan {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 18px;
}

.content-header {
	margin-left: 50px;
	margin-top: 20px;
}

#timeSpan {
	color: #FF4900;
	font-size: 15px;
}
</style>
</head>
<body>
	<#include "/common/header.ftl" parse=true encoding="utf-8">

	<div class="container body_content">
		<div class="row">
			<div class="col-md-12">

				<!-- Content Wrapper. Contains page content -->
				<div class="content-wrapper">
					<div>
						<img width="80px;" src="${base}/styles/images/common/Success.png"> <span class="message">激活成功！！！！！</span>
					</div>
					<!-- Content Header (Page header) -->
					<section class="content-header">
						<span id="timeSpan"></span>
					</section>
				</div>
			</div>
		</div>
	</div>

	<#include "/common/footer.ftl" parse=true encoding="utf-8">
	<script type="text/javascript">
		var i = 5;
        var t;
        function countdown(){
	        var ht = "倒计时" + i + "秒后返回！！！";
	        $("#timeSpan").html(ht);
	        t = setTimeout("countdown()", 1000);
	        i--;
	        if(i == -1){
		        clearTimeout(t);
		        window.location.href = "${base}/index.html";
		        return;
	        }
        }
        $(function(){
	        countdown();
        });
	</script>
</body>
</html>